import { styled } from 'styled-components'
export const NoFoundWrapper = styled.div`
  width: 100vw;
  height: 85vh;
  background: url(${require('@/assets/image/404.jpg')}) no-repeat center / cover;

  .text {
    width: 300px;
    height: 150px;
    position: absolute;
    left: 50%;
    bottom: 80px;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    .item {
      color: #065afa;
      cursor: pointer;
    }

    .btn_home {
      margin-top: 10px;
    }
  }
`
